<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>牛X后台管理系统</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- Le styles -->
    <link href="../assets/css/bootstrap.css" rel="stylesheet">
	<link href="../assets/css/bootstrap-responsive.css" rel="stylesheet">
	<link href="../assets/css/custom.css" rel="stylesheet">	
  </head>
<body>
	<div class="container-fluid main-box">
	<div class="row-fluid">
			<div class="box span12">
				<div class="box-header well">
					<h2><i class="icon-info-sign"></i> 标题</h2>
					<!--<div class="box-icon">
						<a class="btn btn-setting btn-round" href="#"><i class="icon-cog"></i></a>
						<a class="btn btn-minimize btn-round" href="#"><i class="icon-chevron-up"></i></a>
						<a class="btn btn-close btn-round" href="#"><i class="icon-remove"></i></a>
					</div>
					-->
				</div>
				<div class="box-content">
					<div class="span12">
					      <form class="form-inline">
					     	<label> 条件一:</label><input type="text" placeholder="邮件" class="span2">
					   		<label>条件一:</label><input type="password" placeholder="密码" class="span2">
					        <button class="btn" type="submit">搜索</button>
					      </form>							
					</div>
					<table class="table table-bordered table-hover table-striped">
					  <thead>
					    <tr>
					      <th>表头</th>
					      <th>表头</th>
						  <th>表头</th>
					      <th>表头</th>
						  <th>表头</th>
					      <th>操作</th>
					    </tr>
					  </thead>
					  <tbody>
					    <tr>
					      <td>行</td>
					      <td>行</td>
						  <td>行</td>
					      <td>行</td>
						  <td>行</td>
					      <td><a class="opration" href="#">添加</a><a class="opration" href="#">删除</a><a class="opration" href="#">修改</a></td>
					    </tr>
						<tr>
					      <td>行</td>
					      <td>行</td>
						  <td>行</td>
					      <td>行</td>
						  <td>行</td>
					      <td>行</td>
					    </tr>
						<tr>
					      <td>行</td>
					      <td>行</td>
						  <td>行</td>
					      <td>行</td>
						  <td>行</td>
					      <td>行</td>
					    </tr>
						<tr>
					      <td>行</td>
					      <td>行</td>
						  <td>行</td>
					      <td>行</td>
						  <td>行</td>
					      <td>行</td>
					    </tr>
						<tr>
					      <td>行</td>
					      <td>行</td>
						  <td>行</td>
					      <td>行</td>
						  <td>行</td>
					      <td>行</td>
					    </tr>
					  </tbody>
					</table>
					<div class="pagination pagination-centered">
				        <ul>
				          <li class="disabled"><a href="#">«</a></li>
				          <li class="active"><a href="#">1</a></li>
				          <li><a href="#">2</a></li>
				          <li><a href="#">3</a></li>
				          <li><a href="#">4</a></li>
				          <li><a href="#">»</a></li>
				        </ul>
				    </div>
					
					<div class="clearfix"></div>
				</div>
			</div>
	  </div>
	  <div class="row-fluid">    
	    <div class="span12 main">
	    	
			<!--tab-->
	    	<ul class="nav nav-tabs">
			  <li class="active">
			    <a href="#">Home</a>
			  </li>
			  <li><a href="#">菜单二</a></li>
			  <li><a href="#">菜单三</a></li>
			</ul>
			
			<!--面包屑-->
			<ul class="breadcrumb">
			  <li><a href="#">Home</a> <span class="divider">/</span></li>
			  <li><a href="#">Library</a> <span class="divider">/</span></li>
			  <li class="active">Data</li>
			</ul>
			
			<!--提示-->
			<div class="alert">
			  <button type="button" class="close" data-dismiss="alert">&times;</button>
			  <strong>Warning!</strong> Best check yo self, you're not looking too good.
			</div>
			
			<!--表格-->
			<table class="table table-bordered table-hover table-striped">
			  <caption>说明</caption>
			  <thead>
			    <tr>
			      <th>表头</th>
			      <th>表头</th>
				  <th>表头</th>
			      <th>表头</th>
				  <th>表头</th>
			      <th>操作</th>
			    </tr>
			  </thead>
			  <tbody>
			    <tr>
			      <td>行</td>
			      <td>行</td>
				  <td>行</td>
			      <td>行</td>
				  <td>行</td>
			      <td><a class="opration" href="#">添加</a><a class="opration" href="#">删除</a><a class="opration" href="#">修改</a></td>
			    </tr>
				<tr>
			      <td>行</td>
			      <td>行</td>
				  <td>行</td>
			      <td>行</td>
				  <td>行</td>
			      <td>行</td>
			    </tr>
				<tr>
			      <td>行</td>
			      <td>行</td>
				  <td>行</td>
			      <td>行</td>
				  <td>行</td>
			      <td>行</td>
			    </tr>
				<tr>
			      <td>行</td>
			      <td>行</td>
				  <td>行</td>
			      <td>行</td>
				  <td>行</td>
			      <td>行</td>
			    </tr>
				<tr>
			      <td>行</td>
			      <td>行</td>
				  <td>行</td>
			      <td>行</td>
				  <td>行</td>
			      <td>行</td>
			    </tr>
			  </tbody>
			</table>
	    	31231231231231231;    	
	    </div>
	  </div>
	</div>
	
	<script src="../assets/js/jquery.js"></script>
	<script src="../assets/js/bootstrap-transition.js"></script>
	<script src="../assets/js/bootstrap-alert.js"></script>
	<script src="../assets/js/bootstrap-modal.js"></script>
	<script src="../assets/js/bootstrap-dropdown.js"></script>
	<script src="../assets/js/bootstrap-scrollspy.js"></script>
	<script src="../assets/js/bootstrap-tab.js"></script>
	<script src="../assets/js/bootstrap-tooltip.js"></script>
	<script src="../assets/js/bootstrap-popover.js"></script>
	<script src="../assets/js/bootstrap-button.js"></script>
	<script src="../assets/js/bootstrap-collapse.js"></script>
	<script src="../assets/js/bootstrap-carousel.js"></script>
	<script src="../assets/js/bootstrap-typeahead.js"></script>
</body>
</html>